@import '~@assets/global.less';
.wholesale-consume {
  background-color: #f7f8fa !important;
  margin: 0 !important;
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  .steps {
    background-color: #ffffff;
    .component--step {
      padding: 20px;
      //当前状态
      .is-process .el-step__icon {
        width: 58px;
        height: 58px;
        border: none;
        background-size: 100% 100%;
        background-image: url('../../../../../m-front-common/pc/assets/img/m-pc-public-szbj.png');
        .el-step__icon-inner {
          display: none;
        }
      }
      .is-process .el-step__line {
        left: 65%;
        height: 1px;
        right: -35%;
        margin-top: 13px;
        background-color: #e6e6e6;
      }
      .el-step__title.is-process {
        margin-top: 10px;
        color: #4d84ff;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
      }
      //第一步成功状态
      .first .el-step__head.is-success .el-step__icon {
        width: 58px;
        height: 58px;
        border: none;
        .el-step__icon-inner {
          width: 100%;
          height: 100%;
          background-size: 100% 100%;
          background-image: url('../../../../../m-front-common/pc/assets/img/m-pc-public-szonegl.png');
        }
        .el-step__icon-inner:before {
          display: none;
        }
      }
      .first .el-step__title.is-success {
        margin-top: 7px;
        color: #52c419;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
      }
      .first .el-step__head.is-success .el-step__line {
        height: 1px;
        left: 65%;
        right: -35%;
        margin-top: 13px;
        background-color: #52c419;
        .el-step__line-inner {
          display: none;
        }
      }
      //第二步成功状态
      .second .el-step__head.is-success .el-step__icon {
        width: 58px;
        height: 58px;
        border: none;
        .el-step__icon-inner {
          width: 100%;
          height: 100%;
          background-size: 100% 100%;
          background-image: url('../../../../../m-front-common/pc/assets/img/m-pc-public-sztwogl.png');
        }
        .el-step__icon-inner:before {
          display: none;
        }
      }
      .second .el-step__title.is-success {
        margin-top: 7px;
        color: #52c419;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
      }
      .second .is-success .el-step__line {
        height: 1px;
        left: 65%;
        right: -35%;
        margin-top: 13px;
        background-color: #52c419;
      }
      //第二步等待状态
      .el-step__head.is-wait .el-step__icon {
        width: 58px;
        height: 58px;
        border: none;
        .step02 {
          width: 100%;
          height: 100%;
          background-size: 100% 100%;
          background-image: url('../../../../../m-front-common/pc/assets/img/m-pc-public-sztwo.png');
        }
      }
      .second .el-step__title.is-wait {
        margin-top: 7px;
        color: #999999;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
      }
      .second .is-wait .el-step__line {
        left: 65%;
        height: 1px;
        right: -35%;
        margin-top: 13px;
        background-color: #e6e6e6;
      }
      //第三步等待状态
      .el-step__head.is-wait .el-step__icon {
        width: 58px;
        height: 58px;
        border: none;
        .step03 {
          width: 100%;
          height: 100%;
          background-size: 100% 100%;
          background-image: url('../../../../../m-front-common/pc/assets/img/m-pc-public-szthree.png');
        }
      }
      .last .el-step__title.is-wait {
        margin-top: 7px;
        color: #999999;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
      }
    }
  }
  .article-box {
    flex: 1;
    height: 100%;
  }
  .supplier-and-contract {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .select-contract-part {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .select-contract-table {
    // flex: 1;
    height: 400px;
  }
  .control {
    background-color: #fff;
    margin: 0 -0 10px 0;
    padding: 1.4%;
    span {
      font-size: 14px;
      color: #666666;
      line-height: 22px;
    }
  }
  .control:after {
    content: '';
    clear: both;
    display: block;
  }
  .steps {
    margin-bottom: 10px;
  }

  .required:before {
    content: '*';
    position: relative;
    color: red;
  }
  .right {
    text-align: right;
  }
  .w100p {
    width: 100%;
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .select-product-corver {
    display: flex;
    flex-direction: column;
  }
  .purchase-products-list-component-page {
    display: flex;
    flex-direction: column;
    flex: 1;
    .block {
      display: flex;
      flex-direction: column;
      flex: 1;
      section {
        display: flex;
        flex-direction: column;
        // flex: 1;
        .el-editable {
          // flex: 1;
          height: 400px;
          min-height: 400px;
        }
      }
    }
  }
  .article-box {
    .block {
      padding: 0 20px 0 20px;
      background: #ffffff;
      header {
        border: none;
        padding: 12px 16px 12px 0;
      }
      section {
        padding: 10px 0 10px 16px;
        .el-button.el-button--default {
          color: #666 !important;
          background: #ffffff;
          padding: 11px 10px;
          border: 1px solid #ccc;
          border-radius: 3px;
        }
        .el-button.el-button--default:hover {
          background-color: #f4f4f4 !important;
        }
        .copywriting {
          color: #ff0000;
          font-size: 14px;
          line-height: 20px;
          margin: 10px 0 10px 0;
        }
      }
      // .table-section {
      //   height: 300px;
      //   display: flex;
      //   flex-direction: column;
      //   margin-top: -20px;
      // }
    }
  }
  .form-renderer .el-form-item__content {
    width: 220px !important;
  }
  .el-radio__inner {
    border: 2px solid #ccc;
    width: 20px;
    height: 20px;
  }
  .el-editable {
    flex: none !important;
    height: 200px;
  }
}
.prdocut-list-header-detail {
  font-weight: 900;
  font-size: 16px;
}
